<%@ page import="java.util.List" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ page isELIgnored="false" %>
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>回购网</title>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
    <script type="text/javascript" src="js/echarts.js" ></script>

    <link rel="stylesheet" href="css/shouji2.css" />
    <script type="text/javascript" src="js/shouji.js" ></script>

</head>

<body>
<div id="row1" class="row">
    <div id="row1_1" >
        <div id="row1_2">
            <img id="row1_4" src="img/hello.jpg" style="display: none;position: absolute;left: 180px;top:35px;"/>

            <div class="row1_5" >
                <img src="img/shortcut_icon1.png" />&nbsp;
                <span >手机逛回购</span>
            </div>
            &nbsp;&nbsp;<span>|</span>&nbsp;
            <div>
                <img src="img/shortcut_icon2.png"/>&nbsp;
                <span>
								当前：
								<span>
									深圳&nbsp;<span class="change">[切换城市]</span>
								</span>
							</span>
            </div>
        </div>


        <div id="row1_3">
            <span class="change">登录</span>&nbsp;<span>|</span>&nbsp;
            <span class="change">注册</span>&nbsp;<span>|</span>&nbsp;
            <span class="change">网站导航</span>&nbsp;<span>|</span>
        </div>

    </div>
</div>


<div id="row2">

    <div id="row2_1">
        <img src="img/logo.png"/>
    </div>

    <div id="row2_2">
        <font class="change">闲置回收</font>
    </div>

    <div id="row2_3">
        <font class="change">旧机换新</font>
        <img src="img/new.png" />
    </div>
    <div id="row2_4">
        <font class="change">靓机优选</font>
    </div>

    <div id="row2_5" style="margin-top: 25px;">
        <img src="img/kc.gif" />
    </div>

</div>


<div id="row3">

    <div class="price" style="height: 340px;margin-top: 20px;margin-bottom:20px;display: flex;">
        <div id="price_02" style="background-color: white;width: 400px;">
            <div id="price_03" style="text-align: center;margin: auto">
                <img style="height: 200px;height: 200px;" src="${data[0]}"/>
            </div>
        </div>
        <div style="width: 100%;height: 100%;background-color: #fff8f2;float: left;">
            <dl style="padding: 16px 0 0 18px;list-style: none;">
                <dt style="height: 28px;line-height: 28px;margin-bottom: 36px;list-style: none;">
							<span style="font-size: 21px;display: inline-block;width: 454px;">
								请选择一种回购方式
							</span>
                    <span style="border: 1px solid #c9c9c9;background: #1b6d85;width: 88px;height: 26px;font-size: 18px;border-radius: 6px;display: inline-block;line-height: 26px;text-align: center">重新评估</span>
                </dt>
                <dd style="height: 50px;margin-bottom: 20px;position: relative;list-style: none;">
                    <div style="display:flex;height: 46px;border: 2px solid #ff9900;width: 500px;border-radius: 6px;float: left;cursor: pointer;position: relative;z-index: 1;">
                        <img src="img/new_jian.png" style="position: absolute;left: -2px;top: -15px;border: 0;"/>
                        <div style="width: 184px;float: left;background: url(img/new_icon4.png) no-repeat right center;display: block;">
                            <a style="display: inline-block;width: 22px;height: 44px;float: left;margin: 0 24px 0 12px;background: url(img/new_gou2.png)no-repeat center center;"></a>
                            <span style="background: url(img/new_123.png)no-repeat center ;height: 44px;display: inline-block;font-size: 18px;line-height: 43px;padding-left: 65px;float: left;">现金</span>
                        </div>
                        <div style="display:inline-block;width:336px;float:left;line-height: 43px;font-size: 16px;background: #fff;padding-left: 8px;border-top-left-radius: 6px;border-bottom-right-radius:6px;cursor: pointer;">
                            <span style="display: inline-block;float: left;line-height: 43px;">全网最高</span>
                            <div style="height: 29px;display: block;font-size: 22px;position: relative;overflow: hidden;width: 93px;background: url(img/new_sz.jpg)no-repeat;line-height: 29px;text-align:center;float: left;margin: 7px 6px 0 6px;">${data[1]}</div>
                            <span>元&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;官方直收</span>
                        </div>
                    </div>
                    <input type="button" value="立即下单" style="width: 105px;height: 48px;text-align: center;line-height: 48px;font-size: 18px;color: #fff;background: #ff942a;border: none;border-radius: 4px;margin: 0 13px;cursor: pointer;float: left;font-family: '微软雅黑';" />
                    <a style="display: block;line-height: 48px;background: url(img/new_icon2.png) no-repeat left center;padding: 0 0 0 26px;float: left;width: 80px;text-decoration: none;color: #666;cursor: pointer;">加入购物车</a>
                </dd>
            </dl>
            <div style="background: url(img/new_xin.png) no-repeat left center;color: #999;padding-left: 30px;margin-left: 32px;height: 22px;line-height: 22px;font-size: 14px;font-family: '微软雅黑';display: block;">每成交一笔将为贫困地区的孩子捐赠1元 &nbsp;</div>
        </div>
    </div>

</div>

<!--底部导航栏-->
<div class="bottom">

    <div class="bot_first">
        <div class="bot_fir" style="height: 36px;line-height: 36px;color: white;border-bottom: solid 1px darkgray;">关于我们</div>
        <div class="bot_first_head">关于回购网</div>
        <div class="bot_first_head">联系我们</div>
        <div class="bot_first_head">人才招聘</div>
    </div>

    <div class="bot_first">
        <div class="bot_fir" style="height: 36px;line-height: 36px;color: white;border-bottom: solid 1px darkgray;">服务</div>
        <div class="bot_first_head">服务条款</div>
        <div class="bot_first_head">投诉建议</div>
        <div class="bot_first_head">网站地图</div>
    </div>

    <div class="bot_first">
        <div class="bot_fir" style="height: 36px;line-height: 36px;color: white;border-bottom: solid 1px darkgray;">客服热线</div>
        <div>
            <img src="img/bot_num.png" />
        </div>

    </div>

    <div class="bot_first">
        <div class="bot_fir" style="height: 36px;line-height: 36px;color: white;border-bottom: solid 1px darkgray;">关注我们</div>
        <div style="display: flex;">
            <img src="img/xinlang.png"/>

            <img style="height: 70px;margin-top: 4px;" src="img/weixins.png"/>
        </div>
    </div>

</div>

<div style="width: 100%;color: white; text-align: center;background-color: #727272;height: 20px;line-height: 20px;font-size: 15px;">Copyright Reserved 2009-2018 @ 深圳市绿创网络科技有限公司版权所有 <span class="change">粤ICP备10071783号</span> <span class="change">站长统计</span></div>
</body>

</html>